<!DOCTYPE html>
<html lang="en">
<%@ taglib uri="/struts-tags" prefix="s"%>

<head>

 	<!-- Bootstrap Core CSS -->
<%--     <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/vistaImpoExpo/css/bootstrap.min.css" /> --%>


    <!-- Custom CSS -->
<%--      <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/vistaImpoExpo/css/agency.css" /> --%>



</head>

<body id="page-top" class="index">
<%-- <img alt="1" style="position: fixed; top: 130px; right: 0px; border: 0px; z-index:2;"  src="<s:url value="/Imagenes/estatusTransition.png"/>"  width="149" height="149" orgWidth="149" orgHeight="149" usemap="#image-maps-2014-07-22-234807" alt="" /> --%>
<!-- <map name="image-maps-2014-07-22-234807" id="ImageMapsCom-image-maps-2014-07-22-234807"> -->
<!-- <area shape="rect" coords="147,147,149,149" alt="Image Map" style="outline:none;" title="Image Map" /> -->
<!-- <area id="" alt="" title="" onclick="notificarStatusCop();" href="#" shape="poly" coords="19,1,148,134,148,99,58,2" style="outline:none;" target="_self"     /> -->
<!-- </map> -->

    <!-- Navigation -->
<!--     <nav class="navbar navbar-default navbar-fixed-top"> -->
<!--         <div class="container"> -->
<!--             Brand and toggle get grouped for better mobile display -->
<!--             <div class="navbar-header page-scroll"> -->
<!--                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> -->
<%--                     <span class="sr-only">Toggle navigation</span> --%>
<%--                     <span class="icon-bar"></span> --%>
<%--                     <span class="icon-bar"></span> --%>
<%--                     <span class="icon-bar"></span> --%>
<!--                 </button> -->

<!--             </div> -->

<!--             Collect the nav links, forms, and other content for toggling -->
<!--             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> -->
<!--                 <ul class="nav navbar-nav navbar-right"> -->
<!--                     <li class="hidden"> -->
<!--                         <a href="#page-top"></a> -->
<!--                     </li> -->
<!--                     <li> -->
<!-- <!--                         <a class="page-scroll" href="#services">Import</a> -->
<!--                     </li> -->
<!--                     <li> -->
<!-- <!--                         <a class="page-scroll" href="#portfolio">Export</a> -->
<!--                     </li> -->
                   
                 
<!--                 </ul> -->
<!--             </div> -->
<!--             /.navbar-collapse -->
<!--         </div> -->
<!--         /.container-fluid -->
<!--     </nav> -->

    <!-- Services Section -->
    <section id="services">
     <div id="listImports"></div>
    </section>

    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
                <div id="listExports"></div>
      
        </section>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal"> <!-- onclick="window.location.reload()"-->
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <!-- Project Details Go Here -->
<!--                             <h2>Project Name</h2> -->
<!--                             <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> -->
<!--                             <img class="img-responsive" src="img/portfolio/roundicons-free.png" alt=""> -->
<!--                             <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> -->
<!--                             <p> -->
<!--                                 <strong>Want these icons in this portfolio item sample?</strong>You can download 60 of them for free, courtesy of <a href="https://getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">RoundIcons.com</a>, or you can purchase the 1500 icon set <a href="https://getdpd.com/cart/hoplink/18076?referrer=bvbo4kax5k8ogc">here</a>.</p> -->
<!--                             <ul class="list-inline"> -->
<!--                                 <li>Date: July 2014</li> -->
<!--                                 <li>Client: Round Icons</li> -->
<!--                                 <li>Category: Graphic Design</li> -->
<!--                             </ul> -->
<!--                             <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button> -->

								<div class="row">
									<div class="frameClientOverView">
										<div id="clientOverview"></div>
									</div>
								</div>					
								<div class="frameScopeService">
									<div class="row">
										<div id="copScopeService"></div>
									</div>
								</div>
							
							
								<div class="contactsCop">
									<div class="row">
										<div id="copContacts"></div>
									</div>
								</div>


							<div class="frameWorkingInstructions">
								<div class="row">
									<div id="copWorkingInstructions"></div>
								</div>
							</div>


							<div class="frameBillingInstructions">
								<div class="row">
									<div id="copBillingInstructions"></div>
								</div>
							</div>
							
							<div class="frameKeyPerformanceIndicators">
								<div class="row">
									<div id="copKPI"></div>
									<div id="copExceptionCodes"></div>
									
								</div>
							</div>
							
							<div class="frameReporting">
								<div class="row">
									<div id="copRequirements"></div>
 									<div id="copReports"></div>
									
								</div>
							</div>
							
							<div class="frameReporting">
								<div class="row">
									<div id="copAttachments"></div>		
									<div id="listFilesCop"></div>						
								</div>
							</div>
<!-- 							<div class="row"> -->
<!-- 								<div class="col-md-6"> -->
<!-- 									<div class="frameOriginConditions"> -->
<!-- 										<div class="row"> -->
<!-- 											<div id="copOriginCondition"></div> -->
<!-- 										</div> -->
<!-- 									</div> -->
<!-- 								</div> -->
<!-- 								<div class="col-md-6"> -->
<!-- 									<div class="frameDestinationConditions"> -->
<!-- 										<div class="row"> -->
<!-- 											<div id="copDestinationCondition"></div> -->
<!-- 										</div> -->
<!-- 									</div> -->
									
<!-- 								</div> -->
<!-- 							</div> -->
						<center>
							<table>
								<tr>
									<td>
										<button  class="center btn btn-primary" onclick="saveCop();">Save</button>			
									</td>
									<td>
										<button  class="center btn btn-primary" onclick="notificarStatusCop();">Notify Status</button>			
									</td>
								</tr>
							</table>
						</center>
							<button class="btn btn-primary" data-dismiss="modal" type="button"> <!-- onclick="window.location.reload()" -->

    <i class="fa fa-times"></i>

     Close Project

</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!--     font-awesome.min.css -->

<!--     jQuery Version 1.11.0 -->
<%--     <script src="js/jquery-1.11.0.js"></script> --%>

<!--     Bootstrap Core JavaScript -->
<%--     <script src="js/bootstrap.min.js"></script> --%>

     

    <!-- Custom Theme JavaScript -->
     <!-- Custom Theme JavaScript -->
   

</body>

</html>
